$(document).ready(function(){
    let $num = $('#num')
    let $info0 = $('#info0')
    let $info1 = $('#info1')
    let $info2 = $('#info2')
    let $info3 = $('#info3')
    $info1.hide()
    $info2.hide()
    $info3.hide()

    $("#num").bind("input propertychange",function(){
        $info0.hide()
        $info1.hide()
        $info2.hide()
        $info3.hide()
        for(let i = 0; i < $num.val(); i++){
            $('#info'+i).show()
        }

    });
    
    $('#order').click(function (){
        let info = {
            "dorm": $('#dorm').val(),
            "unit": $('#unit').val(),
            "gender": $('#gender').val(),
            "num": $num.val(),
            "name0": $('#name0').val(),
            "studentid0": $('#studentid0').val(),
            "name1": $('#name0').val(),
            "studentid1": $('#studentid0').val(),
            "name2": $('#name0').val(),
            "studentid2": $('#studentid0').val(),
            "name3": $('#name0').val(),
            "studentid3": $('#studentid0').val()
        }
        console.log(info)
        
        $.ajax({
            type: 'POST',
            url: 'http://dorm.zhangqx.com:8004/api/order',
            // url: 'http://101.133.131.59:8004/api/order',
            headers: {
                'Authorization': localStorage.getItem('token')
            },
            data: info,
            success: function(response) {
                console.log(response);
                alert(response.message);
            },
            error: function() {
                alert('error order');
            }
        });     
    });

});   